<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	>

<f:view contentType="text/html">
	<h:head>
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>SigPot Tunja</title>
		<link rel="shortcut icon" href="images/taxparcel.ico" />
		<link id="stylesheet"
			href='http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/dojo/dojox/mobile/themes/iPhone/iPhone.css'
			rel='stylesheet' />
		<link href="styles/taxParcel.css" rel="stylesheet" type="text/css" />
		<link rel="Stylesheet" id="dynamicStyleSheet" />
		<link rel="apple-touch-icon" href="images/taxparcel.png" />

		<script type="text/javascript"
			src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.8compact">
			
		</script>
		
		<script src="js/modernizr-2.5.3.js" type="text/javascript"></script>
		<script src="js/infoWindow.js" type="text/javascript"></script>
		<script src="js/basemapGallery.js" type="text/javascript"></script>
		<script src="js/utils.js" type="text/javascript"></script>
		<script src="js/locator.js" type="text/javascript"></script>
		<script src="js/parsewebmap.js" type="text/javascript"></script>
		<script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/"></script>
		<script>
			dojo.require("esri.map");
			//dojo.require("js.config");
			var map;
	       
			var tempLayerId = "tempLayerID";
	        var tempParcelLayerId = "tempParcelLayerID"
	        var defaultSymbol;
	        var isMobileDevice = false;
	        var layersCounter = 0; //variable to store counter for layers
	        var locator;                // Locator service
	        var mapPoint;
	        var isiOS = false;
	        var isBrowser = false;
	        var isTablet = false;
	        var selectedMapPoint;
	        var selectedGraphic;
	        var tb, mapOnClickConnection, drawTool, feedbackLayer, feedbackItem, inSubmitRetry;
	        var polygonFillSymbol;
	        var neighbourhoodInformationURL;
	        var neighbourHoodLayerInfo;
	        var currentBaseMap;
	        var pdfData = {};
	        var mapScale;
	        var reportGPService;
	        var propertyReportPrice;
	        var propertyMapPrice;
	        var webMapId;
	        var feedbackAttributes;
	        var datePattern;
	        var infoWindowHeader;
	        var downloadSpeed;
	        var broadBandService;
	        var feedbackLayer;
	        var layers;
	        var currency;
	        var paypalcurrency;
	        var baseMapLayers;
	        var mapSharingOptions;
	        var infoWindowContent;
	        var draw = false;
	        var selectedParcel;
	        var selectedFeature;
	        var parcelAttributeID;
	        var showNullValueAs;
	        var selectedAddressColor;
	        var taxParcelId;
	        var tabHandle;
	        var geolocatedImage;
	        var printTaskURL;

			function init() {
				

	           
	            
				var map = new esri.Map("map", {
					basemap : "streets",
					center : [ -73.35, 5.54 ], //long, lat
					zoom : 13,

				});
				var dynamicMapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer(
						"http://25.36.94.230:6080/arcgis/rest/services/SIGPOT/Mapa_Base_SIGPOT_dinamic/MapServer",
						{
							"opacity" : 0.5
						});
				var puntos_uso = new esri.layers.ArcGISDynamicMapServiceLayer(
						"http://25.36.94.230:6080/arcgis/rest/services/SIGPOT/puntos_suelos/MapServer");
				var vial = new esri.layers.ArcGISDynamicMapServiceLayer(
						"http://25.36.94.230:6080/arcgis/rest/services/SIGPOT/vial/MapServer");
				var tiff = new esri.layers.ArcGISTiledMapServiceLayer(
						"http://25.36.94.230:6080/arcgis/rest/services/TIFF/MapServer");

				map
						.addLayers([ tiff, dynamicMapServiceLayer, vial,
								puntos_uso ]);
			}

			dojo.ready(init);
		</script>

	</h:head>
	<h:body class="claro">
		<div id="mapView" style="width: 100%; height: 100%;">
			<div id="map" style="width: 100%; height: 100%;"></div>
		</div>
		<div id="divLogo" class="divLogo">
			<table style="width: 100%;">
				<tr>
					<td><img id="imgApplication" class="imgApplication"
						src="images/logo.png" /></td>
				</tr>
			</table>
		</div>

		<div class="divApplicationHeader" align="right">
			<table cellpadding="0" cellspacing="0" class="tableHeader">
				<tr>
					<td id="lblAppName" class="lblAppName" align="left"
						style="color: White;"></td>
					<td align="right">
						<table>
							<tr>
								<td align="left" id="tdsearch" class="tdHeader"><img
									alt="Settings" src="images/locate.png" class="imgOptions"
									title="Search Parcel" onclick="ShowSearchPanel();"></img></td>
								<td align="left" id="tdGPS" class="tdHeader"><img
									src="images/gps.png" class="imgOptions" title="Locate"
									onclick="ShowMyLocation()"></img></td>
								<td align="left" class="tdHeaderMobile"><img
									src="images/pdf.png" class="imgOptions" title="Create report"
									onclick="CreatePropertyReport();"></img></td>
								<td align="left" class="tdHeaderMobile"><img
									src="images/comments.png" class="imgOptions"
									title="Submit feedback" onclick="ShowFeedback();" /></td>
								<td align="left" id="tdBaseMap" class="tdHeader"><img
									src="images/basemap.png" id="imgBaseMap" class="imgOptions"
									title="Switch Basemap" onclick="ShowBaseMaps();"></img></td>
								<td align="left" class="tdHeader"><img
									src="images/share.png" class="imgOptions" title="Share map"
									onclick="ShareLink(true);"></img></td>
								<td id="tcShoppingCartContainer" align="left"
									class="tdHeaderMobile"><img src="images/shop.png"
									title="Download Reports and Maps" class="imgOptions"
									onclick="ShowShoppingCartContainer();"> </img></td>
								<td align="left" id="help" class="tdHeader"><img
									src="images/help.png" title="Help" class="imgOptions"></img></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</div>

	</h:body>
</f:view>
</html>